﻿<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title> 考试</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="jQuery/jquery-3.4.1.min.js"></script>
    <script src="js.js"></script>
</head>

<body>
    <header>
        <div><img src="images/logo.png" alt=""></div>
        <div><input type="text" placeholder="            搜索"><button>搜索</button></div>
        <div><input type="text" value="          我的购物车" disabled="disabled">
            <div>0</div>
        </div>
    </header>
    <div id="d1">
        <div class="d1">全部商品分类</div>
        <div class="d2">首页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;丨</div>
        <div class="d3">手机生鲜&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;丨</div>
        <div class="d4">抽奖</div>
    </div>
    <hr>
    <div id="d2">
        <div class="d1">
            <ul>
                <li>新鲜水果</li>
                <li>新鲜水果</li>
                <li>新鲜水果</li>
                <li>新鲜水果</li>
                <li>新鲜水果</li>
                <li>新鲜水果</li>
            </ul>
        </div>
        <div class="adver">
            <ul>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="arrowLeft">&lt;</div>
            <div class="arrowRight">&gt;</div>
        </div>
        <div class="d2">
            <img src="images/right01.jpg" alt="">
            <img src="images/right02.jpg" alt="">
        </div>
    </div>
    <section>
        <div>
            <div class="h">海鲜水产</div>
            <span>深海鳄鱼</span>
            <span>帝王蟹</span>
            <span class="h1">查看更多>>></span>
        </div>
        <hr>
    </section>
    <footer>
        <div class="d1">
            <img src="images/fish.jpg" width="300px">
        </div>
        <div class="d2">
            <h6>基因虾</h6>
            <img src="images/daxia.jpg" width="250px"><br>
            <span>￥39</span>
        </div class="d1">
        <div class="d2">
            <h6>基因虾</h6>
            <img src="images/daxia.jpg" width="250px"><br>
            <span>￥39</span>
        </div class="d1">
        <div class="d2">
            <h6>基因虾</h6>
            <img src="images/daxia.jpg" width="250px"><br>
            <span>￥39</span>
        </div class="d1">
        <div class="d2">
            <h6>基因虾</h6>
            <img src="images/daxia.jpg" width="250px"><br>
            <span>￥39</span>
        </div class="d1">

    </footer>
</body>

</html>